<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>过滤器选择器</title>
</head>
<body>
<div>div1</div>
<div id="div2">div2</div>
<div>div3</div>
<div>div4</div>
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    // 1.首元素选择器	$("A:first");
    console.log($("div:first").html());
    // 2.尾元素选择器	$("A:last");
    console.log($("div:last").html());
    // 3.非元素选择器	$("A:not(B)");
    // $("div:not(#div2)").html("耗子尾汁")
    // 4.偶数选择器	    $("A:even");
    //$("div:even").html("闪电五连鞭")
    // 5.奇数选择器	    $("A:odd");
    //$("div:odd").html("闪电五连鞭")
    // 6.等于索引选择器	 $("A:eq(index)");
    console.log($("div:eq(2)").html());
    // 7.大于索引选择器	 $("A:gt(index)");
    console.log($("div:gt(2)").html());
    // 8.小于索引选择器	 $("A:lt(index)");
    console.log($("div:lt(2)").html("我心匪石不可转"));
</script>
</html>